<!DOCTYPE html>
<html>
    <head>
        <script type="text/javascript"
                src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js">
        </script>
        <link rel="stylesheet" type="text/css" href="http://gw2dyepreviewer.googlecode.com/svn/trunk/resources/css/csshorizontalmenu.css" />
        <script type="text/javascript" src="http://gw2dyepreviewer.googlecode.com/svn/trunk/resources/js/csshorizontalmenu.js">
        </script>
        <script type="text/javascript">
            $(document).ready(function(){
                $("img").click(function(){
                    $(this).hide();
                });
                $("#bR").click(function(){
                    if(this.innerHTML == "Hide Rare") {
                        this.innerHTML = "Show Rare";
                        $(".rare").hide();
                    } else {
                        this.innerHTML = "Hide Rare";
                        $(".rare").show();
                    }
                });
                $("#bU").click(function(){
                    if(this.innerHTML == "Hide Uncommon") {
                        this.innerHTML = "Show Uncommon";
                        $(".uncommon").hide();
                    } else {
                        this.innerHTML = "Hide Uncommon";
                        $(".uncommon").show();
                    }
                });
                $("#bC").click(function(){
                    if(this.innerHTML == "Hide Common") {
                        this.innerHTML = "Show Common";
                        $(".common").hide();
                    } else {
                        this.innerHTML = "Hide Common";
                        $(".common").show();
                    }
                });
                $("#bS").click(function(){
                    if(this.innerHTML == "Hide Starter") {
                        this.innerHTML = "Show Starter";
                        $(".starter").hide();
                    } else {
                        this.innerHTML = "Hide Starter";
                        $(".starter").show();
                    }
                });

                $("#grayB").click(function(){
                    if(this.innerHTML == "Hide Gray") {
                        this.innerHTML = "Show Gray";
                        $("div#graydiv").hide();
                    } else {
                        this.innerHTML = "Hide Gray";
                        $("div#graydiv").show();
                    }
                });
                $("#grayBR").click(function(){
                    if(this.innerHTML == "Hide Gray Rare") {
                        this.innerHTML = "Show Gray Rare";
                        $("div#graydiv .rare").hide();
                    } else {
                        this.innerHTML = "Hide Gray Rare";
                        $("div#graydiv .rare").show();
                    }
                });
                $("#grayBU").click(function(){
                    if(this.innerHTML == "Hide Gray Uncommon") {
                        this.innerHTML = "Show Gray Uncommon";
                        $("div#graydiv .uncommon").hide();
                    } else {
                        this.innerHTML = "Hide Gray Uncommon";
                        $("div#graydiv .uncommon").show();
                    }
                });
                $("#grayBC").click(function(){
                    if(this.innerHTML == "Hide Gray Common") {
                        this.innerHTML = "Show Gray Common";
                        $("div#graydiv .common").hide();
                    } else {
                        this.innerHTML = "Hide Gray Common";
                        $("div#graydiv .common").show();
                    }
                });
                $("#grayBS").click(function(){
                    if(this.innerHTML == "Hide Gray Starter") {
                        this.innerHTML = "Show Gray Starter";
                        $("div#graydiv .starter").hide();
                    } else {
                        this.innerHTML = "Hide Gray Starter";
                        $("div#graydiv .starter").show();
                    }
                });

                $("#brownB").click(function(){
                    if(this.innerHTML == "Hide Brown") {
                        this.innerHTML = "Show Brown";
                        $("div#browndiv").hide();
                    } else {
                        this.innerHTML = "Hide Brown";
                        $("div#browndiv").show();
                    }
                });
                $("#brownBR").click(function(){
                    if(this.innerHTML == "Hide Brown Rare") {
                        this.innerHTML = "Show Brown Rare";
                        $("div#browndiv .rare").hide();
                    } else {
                        this.innerHTML = "Hide Brown Rare";
                        $("div#browndiv .rare").show();
                    }
                });
                $("#brownBU").click(function(){
                    if(this.innerHTML == "Hide Brown Uncommon") {
                        this.innerHTML = "Show Brown Uncommon";
                        $("div#browndiv .uncommon").hide();
                    } else {
                        this.innerHTML = "Hide Brown Uncommon";
                        $("div#browndiv .uncommon").show();
                    }
                });
                $("#brownBC").click(function(){
                    if(this.innerHTML == "Hide Brown Common") {
                        this.innerHTML = "Show Brown Common";
                        $("div#browndiv .common").hide();
                    } else {
                        this.innerHTML = "Hide Brown Common";
                        $("div#browndiv .common").show();
                    }
                });
                $("#brownBS").click(function(){
                    if(this.innerHTML == "Hide Brown Starter") {
                        this.innerHTML = "Show Brown Starter";
                        $("div#browndiv .starter").hide();
                    } else {
                        this.innerHTML = "Hide Brown Starter";
                        $("div#browndiv .starter").show();
                    }
                });

                $("#redB").click(function(){
                    if(this.innerHTML == "Hide Red") {
                        this.innerHTML = "Show Red";
                        $("div#reddiv").hide();
                    } else {
                        this.innerHTML = "Hide Red";
                        $("div#reddiv").show();
                    }
                });
                $("#redBR").click(function(){
                    if(this.innerHTML == "Hide Red Rare") {
                        this.innerHTML = "Show Red Rare";
                        $("div#reddiv .rare").hide();
                    } else {
                        this.innerHTML = "Hide Red Rare";
                        $("div#reddiv .rare").show();
                    }
                });
                $("#redBU").click(function(){
                    if(this.innerHTML == "Hide Red Uncommon") {
                        this.innerHTML = "Show Red Uncommon";
                        $("div#reddiv .uncommon").hide();
                    } else {
                        this.innerHTML = "Hide Red Uncommon";
                        $("div#reddiv .uncommon").show();
                    }
                });
                $("#redBC").click(function(){
                    if(this.innerHTML == "Hide Red Common") {
                        this.innerHTML = "Show Red Common";
                        $("div#reddiv .common").hide();
                    } else {
                        this.innerHTML = "Hide Red Common";
                        $("div#reddiv .common").show();
                    }
                });
                $("#redBS").click(function(){
                    if(this.innerHTML == "Hide Red Starter") {
                        this.innerHTML = "Show Red Starter";
                        $("div#reddiv .starter").hide();
                    } else {
                        this.innerHTML = "Hide Red Starter";
                        $("div#reddiv .starter").show();
                    }
                });

                $("#orangeB").click(function(){
                    if(this.innerHTML == "Hide Orange") {
                        this.innerHTML = "Show Orange";
                        $("div#orangediv").hide();
                    } else {
                        this.innerHTML = "Hide Orange";
                        $("div#orangediv").show();
                    }
                });
                $("#orangeBR").click(function(){
                    if(this.innerHTML == "Hide Orange Rare") {
                        this.innerHTML = "Show Orange Rare";
                        $("div#orangediv .rare").hide();
                    } else {
                        this.innerHTML = "Hide Orange Rare";
                        $("div#orangediv .rare").show();
                    }
                });
                $("#orangeBU").click(function(){
                    if(this.innerHTML == "Hide Orange Uncommon") {
                        this.innerHTML = "Show Orange Uncommon";
                        $("div#orangediv .uncommon").hide();
                    } else {
                        this.innerHTML = "Hide Orange Uncommon";
                        $("div#orangediv .uncommon").show();
                    }
                });
                $("#orangeBC").click(function(){
                    if(this.innerHTML == "Hide Orange Common") {
                        this.innerHTML = "Show Orange Common";
                        $("div#orangediv .common").hide();
                    } else {
                        this.innerHTML = "Hide Orange Common";
                        $("div#orangediv .common").show();
                    }
                });
                $("#orangeBS").click(function(){
                    if(this.innerHTML == "Hide Orange Starter") {
                        this.innerHTML = "Show Orange Starter";
                        $("div#orangediv .starter").hide();
                    } else {
                        this.innerHTML = "Hide Orange Starter";
                        $("div#orangediv .starter").show();
                    }
                });

                $("#yellowB").click(function(){
                    if(this.innerHTML == "Hide Yellow") {
                        this.innerHTML = "Show Yellow";
                        $("div#yellowdiv").hide();
                    } else {
                        this.innerHTML = "Hide Yellow";
                        $("div#yellowdiv").show();
                    }
                });
                $("#yellowBR").click(function(){
                    if(this.innerHTML == "Hide Yellow Rare") {
                        this.innerHTML = "Show Yellow Rare";
                        $("div#yellowdiv .rare").hide();
                    } else {
                        this.innerHTML = "Hide Yellow Rare";
                        $("div#yellowdiv .rare").show();
                    }
                });
                $("#yellowBU").click(function(){
                    if(this.innerHTML == "Hide Yellow Uncommon") {
                        this.innerHTML = "Show Yellow Uncommon";
                        $("div#yellowdiv .uncommon").hide();
                    } else {
                        this.innerHTML = "Hide Yellow Uncommon";
                        $("div#yellowdiv .uncommon").show();
                    }
                });
                $("#yellowBC").click(function(){
                    if(this.innerHTML == "Hide Yellow Common") {
                        this.innerHTML = "Show Yellow Common";
                        $("div#yellowdiv .common").hide();
                    } else {
                        this.innerHTML = "Hide Yellow Common";
                        $("div#yellowdiv .common").show();
                    }
                });
                $("#yellowBS").click(function(){
                    if(this.innerHTML == "Hide Yellow Starter") {
                        this.innerHTML = "Show Yellow Starter";
                        $("div#yellowdiv .starter").hide();
                    } else {
                        this.innerHTML = "Hide Yellow Starter";
                        $("div#yellowdiv .starter").show();
                    }
                });

                $("#greenB").click(function(){
                    if(this.innerHTML == "Hide Green") {
                        this.innerHTML = "Show Green";
                        $("div#greendiv").hide();
                    } else {
                        this.innerHTML = "Hide Green";
                        $("div#greendiv").show();
                    }
                });
                $("#greenBR").click(function(){
                    if(this.innerHTML == "Hide Green Rare") {
                        this.innerHTML = "Show Green Rare";
                        $("div#greendiv .rare").hide();
                    } else {
                        this.innerHTML = "Hide Green Rare";
                        $("div#greendiv .rare").show();
                    }
                });
                $("#greenBU").click(function(){
                    if(this.innerHTML == "Hide Green Uncommon") {
                        this.innerHTML = "Show Green Uncommon";
                        $("div#greendiv .uncommon").hide();
                    } else {
                        this.innerHTML = "Hide Green Uncommon";
                        $("div#greendiv .uncommon").show();
                    }
                });
                $("#greenBC").click(function(){
                    if(this.innerHTML == "Hide Green Common") {
                        this.innerHTML = "Show Green Common";
                        $("div#greendiv .common").hide();
                    } else {
                        this.innerHTML = "Hide Green Common";
                        $("div#greendiv .common").show();
                    }
                });
                $("#greenBS").click(function(){
                    if(this.innerHTML == "Hide Green Starter") {
                        this.innerHTML = "Show Green Starter";
                        $("div#greendiv .starter").hide();
                    } else {
                        this.innerHTML = "Hide Green Starter";
                        $("div#greendiv .starter").show();
                    }
                });

                $("#blueB").click(function(){
                    if(this.innerHTML == "Hide Blue") {
                        this.innerHTML = "Show Blue";
                        $("div#bluediv").hide();
                    } else {
                        this.innerHTML = "Hide Blue";
                        $("div#bluediv").show();
                    }
                });
                $("#blueBR").click(function(){
                    if(this.innerHTML == "Hide Blue Rare") {
                        this.innerHTML = "Show Blue Rare";
                        $("div#bluediv .rare").hide();
                    } else {
                        this.innerHTML = "Hide Blue Rare";
                        $("div#bluediv .rare").show();
                    }
                });
                $("#blueBU").click(function(){
                    if(this.innerHTML == "Hide Blue Uncommon") {
                        this.innerHTML = "Show Blue Uncommon";
                        $("div#bluediv .uncommon").hide();
                    } else {
                        this.innerHTML = "Hide Blue Uncommon";
                        $("div#bluediv .uncommon").show();
                    }
                });
                $("#blueBC").click(function(){
                    if(this.innerHTML == "Hide Blue Common") {
                        this.innerHTML = "Show Blue Common";
                        $("div#bluediv .common").hide();
                    } else {
                        this.innerHTML = "Hide Blue Common";
                        $("div#bluediv .common").show();
                    }
                });
                $("#blueBS").click(function(){
                    if(this.innerHTML == "Hide Blue Starter") {
                        this.innerHTML = "Show Blue Starter";
                        $("div#bluediv .starter").hide();
                    } else {
                        this.innerHTML = "Hide Blue Starter";
                        $("div#bluediv .starter").show();
                    }
                });

                $("#purpleB").click(function(){
                    if(this.innerHTML == "Hide Purple") {
                        this.innerHTML = "Show Purple";
                        $("div#purplediv").hide();
                    } else {
                        this.innerHTML = "Hide Purple";
                        $("div#purplediv").show();
                    }
                });
                $("#purpleBR").click(function(){
                    if(this.innerHTML == "Hide Purple Rare") {
                        this.innerHTML = "Show Purple Rare";
                        $("div#purplediv .rare").hide();
                    } else {
                        this.innerHTML = "Hide Purple Rare";
                        $("div#purplediv .rare").show();
                    }
                });
                $("#purpleBU").click(function(){
                    if(this.innerHTML == "Hide Purple Uncommon") {
                        this.innerHTML = "Show Purple Uncommon";
                        $("div#purplediv .uncommon").hide();
                    } else {
                        this.innerHTML = "Hide Purple Uncommon";
                        $("div#purplediv .uncommon").show();
                    }
                });
                $("#purpleBC").click(function(){
                    if(this.innerHTML == "Hide Purple Common") {
                        this.innerHTML = "Show Purple Common";
                        $("div#purplediv .common").hide();
                    } else {
                        this.innerHTML = "Hide Purple Common";
                        $("div#purplediv .common").show();
                    }
                });
                $("#purpleBS").click(function(){
                    if(this.innerHTML == "Hide Purple Starter") {
                        this.innerHTML = "Show Purple Starter";
                        $("div#purplediv .starter").hide();
                    } else {
                        this.innerHTML = "Hide Purple Starter";
                        $("div#purplediv .starter").show();
                    }
                });

            });
        </script>
        <title>GW2DyePreviewer</title>
    </head>
    <body>
        <div class="horizontalcssmenu" style="position:fixed;">
            <ul id="cssmenu1">
                <li><div id="grayB">Hide Gray</div>
                    <ul>
                        <li><div id="grayBR">Hide Gray Rare</div></li>
                        <li><div id="grayBU">Hide Gray Uncommon</div></li>
                        <li><div id="grayBC">Hide Gray Common</div></li>
                        <li><div id="grayBS">Hide Gray Starter</div></li>
                    </ul>
                </li>
                <li><div id="brownB">Hide Brown</div>
                    <ul>
                        <li><div id="brownBR">Hide Brown Rare</div></li>
                        <li><div id="brownBU">Hide Brown Uncommon</div></li>
                        <li><div id="brownBC">Hide Brown Common</div></li>
                        <li><div id="brownBS">Hide Brown Starter</div></li>
                    </ul>
                </li>
                <li><div id="redB">Hide Red</div>
                    <ul>
                        <li><div id="redBR">Hide Red Rare</div></li>
                        <li><div id="redBU">Hide Red Uncommon</div></li>
                        <li><div id="redBC">Hide Red Common</div></li>
                        <li><div id="redBS">Hide Red Starter</div></li>
                    </ul>
                </li>
                <li><div id="orangeB">Hide Orange</div>
                    <ul>
                        <li><div id="orangeBR">Hide Orange Rare</div></li>
                        <li><div id="orangeBU">Hide Orange Uncommon</div></li>
                        <li><div id="orangeBC">Hide Orange Common</div></li>
                        <li><div id="orangeBS">Hide Orange Starter</div></li>
                    </ul>
                </li>
                <li><div id="yellowB">Hide Yellow</div>
                    <ul>
                        <li><div id="yellowBR">Hide Yellow Rare</div></li>
                        <li><div id="yellowBU">Hide Yellow Uncommon</div></li>
                        <li><div id="yellowBC">Hide Yellow Common</div></li>
                        <li><div id="yellowBS">Hide Yellow Starter</div></li>
                    </ul>
                </li>
                <li><div id="greenB">Hide Green</div>
                    <ul>
                        <li><div id="greenBR">Hide Green Rare</div></li>
                        <li><div id="greenBU">Hide Green Uncommon</div></li>
                        <li><div id="greenBC">Hide Green Common</div></li>
                        <li><div id="greenBS">Hide Green Starter</div></li>
                    </ul>
                </li>
                <li><div id="blueB">Hide Blue</div>
                    <ul>
                        <li><div id="blueBR">Hide Blue Rare</div></li>
                        <li><div id="blueBU">Hide Blue Uncommon</div></li>
                        <li><div id="blueBC">Hide Blue Common</div></li>
                        <li><div id="blueBS">Hide Blue Starter</div></li>
                    </ul>
                </li>
                <li><div id="purpleB">Hide Purple</div>
                    <ul>
                        <li><div id="purpleBR">Hide Purple Rare</div></li>
                        <li><div id="purpleBU">Hide Purple Uncommon</div></li>
                        <li><div id="purpleBC">Hide Purple Common</div></li>
                        <li><div id="purpleBS">Hide Purple Starter</div></li>
                    </ul>
                </li>
                <li><div id="allB">Hide All</div>
                    <ul>
                        <li><div id="bR">Hide Rare</div></li>
                        <li><div id="bU">Hide Uncommon</div></li>
                        <li><div id="bC">Hide Common</div></li>
                        <li><div id="bS">Hide Starter</div></li>
                    </ul>
                </li>
            </ul>
        </div>
        <br /><br />

        <!---------------- Preview Window ------------------->

        <!---------------- Gray ------------->
        <div id="graydiv">
            <img id="abyss" class="rare" src="resources/images/gw2dyes/gray/Abyss.jpg " />
            <img id="black" class="rare" src="resources/images/gw2dyes/gray/Black.jpg " />
            <img id="iron" class="common" src="resources/images/gw2dyes/gray/Iron.jpg " />
            <img id="pitch" class="uncommon" src="resources/images/gw2dyes/gray/Pitch.jpg " />
            <img id="ebony" class="starter" src="resources/images/gw2dyes/gray/Ebony.jpg " />
            <img id="pewter" class="uncommon" src="resources/images/gw2dyes/gray/Pewter.jpg " />
            <img id="silver lead" class="common" src="resources/images/gw2dyes/gray/Silver Lead.jpg " />
            <img id="gray" class="common" src="resources/images/gw2dyes/gray/Gray.jpg " />
            <img id="ash" class="rare" src="resources/images/gw2dyes/gray/Ash.jpg " />
            <img id="lead" class="rare" src="resources/images/gw2dyes/gray/Lead.jpg " />
            <img id="chalk" class="uncommon" src="resources/images/gw2dyes/gray/Chalk.jpg " />
            <img id="burnished steel" class="common" src="resources/images/gw2dyes/gray/Burnished Steel.jpg " />
            <img id="silt" class="common" src="resources/images/gw2dyes/gray/Silt.jpg " />
            <img id="stone" class="starter" src="resources/images/gw2dyes/gray/Stone.jpg " />
            <img id="dust" class="common" src="resources/images/gw2dyes/gray/Dust.jpg " />
            <img id="fluff" class="common" src="resources/images/gw2dyes/gray/Fluff.jpg " />
            <img id="silver" class="rare" src="resources/images/gw2dyes/gray/Silver.jpg " />
            <img id="frost" class="rare" src="resources/images/gw2dyes/gray/Frost.jpg " />
            <img id="fog" class="common" src="resources/images/gw2dyes/gray/Fog.jpg " />
            <img id="icing" class="rare" src="resources/images/gw2dyes/gray/Icing.jpg " />
            <img id="tarnished silver" class="rare" src="resources/images/gw2dyes/gray/Tarnished Silver.jpg " />
            <img id="celestial" class="rare" src="resources/images/gw2dyes/gray/Celestial.jpg " />
        </div>
        <!--===================================-->

        <!---------------- Brown ------------->
        <div id="browndiv">
            <img id="midnight rust" class="common" src="resources/images/gw2dyes/brown/Midnight Rust.jpg " />
            <img id="midnight gold" class="rare" src="resources/images/gw2dyes/brown/Midnight Gold.jpg " />
            <img id="walnut" class="uncommon" src="resources/images/gw2dyes/brown/Walnut.jpg " />
            <img id="dark chocolate" class="uncommon" src="resources/images/gw2dyes/brown/Dark Chocolate.jpg " />
            <img id="cocoa" class="rare" src="resources/images/gw2dyes/brown/Cocoa.jpg " />
            <img id="earthen" class="common" src="resources/images/gw2dyes/brown/Earthen.jpg " />
            <img id="umber" class="common" src="resources/images/gw2dyes/brown/Umber.jpg " />
            <img id="deep maple" class="starter" src="resources/images/gw2dyes/brown/Deep Maple.jpg " />
            <img id="deep pine" class="common" src="resources/images/gw2dyes/brown/Deep Pine.jpg " />
            <img id="oil slick" class="rare" src="resources/images/gw2dyes/brown/Oil Slick.jpg " />
            <img id="charcoal" class="rare" src="resources/images/gw2dyes/brown/Charcoal.jpg " />
            <img id="pottery" class="starter" src="resources/images/gw2dyes/brown/Pottery.jpg " />
            <img id="calfskin" class="common" src="resources/images/gw2dyes/brown/Calfskin.jpg " />
            <img id="taupe" class="common" src="resources/images/gw2dyes/brown/Taupe.jpg " />
            <img id="lemon shade" class="uncommon" src="resources/images/gw2dyes/brown/Lemon Shade.jpg " />
            <img id="swamp grass" class="common" src="resources/images/gw2dyes/brown/Swamp Grass.jpg " />
            <img id="antique bronze" class="rare" src="resources/images/gw2dyes/brown/Antique Bronze.jpg " />
            <img id="mushroom" class="common" src="resources/images/gw2dyes/brown/Mushroom.jpg " />
            <img id="orange shade" class="common" src="resources/images/gw2dyes/brown/Orange Shade.jpg " />
            <img id="clay" class="starter" src="resources/images/gw2dyes/brown/Clay.jpg " />
            <img id="tarnished steel" class="starter" src="resources/images/gw2dyes/brown/Tarnished Steel.jpg " />
            <img id="riverbed" class="common" src="resources/images/gw2dyes/brown/Riverbed.jpg " />
            <img id="khaki" class="common" src="resources/images/gw2dyes/brown/Khaki.jpg " />
            <img id="camel" class="starter" src="resources/images/gw2dyes/brown/Camel.jpg " />
            <img id="mocha" class="uncommon" src="resources/images/gw2dyes/brown/Mocha.jpg " />
            <img id="wheat" class="uncommon" src="resources/images/gw2dyes/brown/Wheat.jpg " />
            <img id="mohair" class="common" src="resources/images/gw2dyes/brown/Mohair.jpg " />
            <img id="natural" class="common" src="resources/images/gw2dyes/brown/Natural.jpg " />
            <img id="beige" class="common" src="resources/images/gw2dyes/brown/Beige.jpg " />
            <img id="truffle" class="uncommon" src="resources/images/gw2dyes/brown/Truffle.jpg " />
            <img id="mudmetal" class="common" src="resources/images/gw2dyes/brown/Mudmetal.jpg " />
            <img id="cashmere" class="uncommon" src="resources/images/gw2dyes/brown/Cashmere.jpg " />
            <img id="far mountain" class="common" src="resources/images/gw2dyes/brown/Far Mountain.jpg " />
            <img id="old nickel" class="common" src="resources/images/gw2dyes/brown/Old Nickel.jpg " />
            <img id="rawhide" class="common" src="resources/images/gw2dyes/brown/Rawhide.jpg " />
            <img id="latte" class="common" src="resources/images/gw2dyes/brown/Latte.jpg " />
            <img id="hint" class="common" src="resources/images/gw2dyes/brown/Hint.jpg " />
            <img id="cream shade" class="uncommon" src="resources/images/gw2dyes/brown/Cream Shade.jpg " />
            <img id="malt" class="common" src="resources/images/gw2dyes/brown/Malt.jpg " />
            <img id="olive silk" class="common" src="resources/images/gw2dyes/brown/Olive Silk.jpg " />
            <img id="nickel" class="uncommon" src="resources/images/gw2dyes/brown/Nickel.jpg " />
            <img id="ivory" class="rare" src="resources/images/gw2dyes/brown/Ivory.jpg " />
            <img id="peach tint" class="common" src="resources/images/gw2dyes/brown/Peach Tint.jpg " />
            <img id="matte" class="starter" src="resources/images/gw2dyes/brown/Matte.jpg " />
            <img id="cream" class="common" src="resources/images/gw2dyes/brown/Cream.jpg " />
            <img id="frosting" class="common" src="resources/images/gw2dyes/brown/Frosting.jpg " />
            <img id="refresh" class="uncommon" src="resources/images/gw2dyes/brown/Refresh.jpg " />
        </div>
        <!--===================================-->

        <!---------------- Red  ---------------->
        <div id="reddiv">
            <img id="midnight fire" class="rare" src="resources/images/gw2dyes/red/Midnight Fire.jpg " />
            <img id="burgandy" class="rare" src="resources/images/gw2dyes/red/Burgandy.jpg " />
            <img id="maroon" class="rare" src="resources/images/gw2dyes/red/Maroon.jpg " />
            <img id="black cherry" class="rare" src="resources/images/gw2dyes/red/Black Cherry.jpg " />
            <img id="midnight red" class="rare" src="resources/images/gw2dyes/red/Midnight Red.jpg " />
            <img id="ruby" class="uncommon" src="resources/images/gw2dyes/red/Ruby.jpg " />
            <img id="oxblood" class="rare" src="resources/images/gw2dyes/red/Oxblood.jpg " />
            <img id="lipstick" class="rare" src="resources/images/gw2dyes/red/Lipstick.jpg " />
            <img id="lifesblood" class="uncommon" src="resources/images/gw2dyes/red/Lifesblood.jpg " />
            <img id="midnight rose" class="uncommon" src="resources/images/gw2dyes/red/Midnight Rose.jpg " />
            <img id="evening red" class="uncommon" src="resources/images/gw2dyes/red/Evening Red.jpg " />
            <img id="scarlet" class="common" src="resources/images/gw2dyes/red/Scarlet.jpg " />
            <img id="royal rose" class="starter" src="resources/images/gw2dyes/red/Royal Rose.jpg " />
            <img id="cherry" class="uncommon" src="resources/images/gw2dyes/red/Cherry.jpg " />
            <img id="chestnut" class="common" src="resources/images/gw2dyes/red/Chestnut.jpg " />
            <img id="red" class="common" src="resources/images/gw2dyes/red/Red.jpg " />
            <img id="rose shade" class="uncommon" src="resources/images/gw2dyes/red/Rose Shade.jpg " />
            <img id="adobe sunset" class="common" src="resources/images/gw2dyes/red/Adobe Sunset.jpg " />
            <img id="dusky" class="rare" src="resources/images/gw2dyes/red/Dusky.jpg " />
            <img id="fuchsia" class="uncommon" src="resources/images/gw2dyes/red/Fuchsia.jpg " />
            <img id="remembrance" class="uncommon" src="resources/images/gw2dyes/red/Remembrance.jpg " />
            <img id="strawberry" class="common" src="resources/images/gw2dyes/red/Strawberry.jpg " />
            <img id="warmth" class="rare" src="resources/images/gw2dyes/red/Warmth.jpg " />
            <img id="mullberry" class="uncommon" src="resources/images/gw2dyes/red/Mullberry.jpg " />
            <img id="crush" class="uncommon" src="resources/images/gw2dyes/red/Crush.jpg " />
            <img id="hot pink" class="rare" src="resources/images/gw2dyes/red/Hot Pink.jpg " />
            <img id="persephone" class="common" src="resources/images/gw2dyes/red/Persephone.jpg " />
            <img id="coral" class="uncommon" src="resources/images/gw2dyes/red/Coral.jpg " />
            <img id="demure" class="uncommon" src="resources/images/gw2dyes/red/Demure.jpg " />
            <img id="heather" class="uncommon" src="resources/images/gw2dyes/red/Heather.jpg " />
            <img id="cotton candy" class="rare" src="resources/images/gw2dyes/red/Cotton Candy.jpg " />
            <img id="pale" class="common" src="resources/images/gw2dyes/red/Pale.jpg " />
            <img id="humiliation" class="common" src="resources/images/gw2dyes/red/Humiliation.jpg " />
            <img id="flush" class="uncommon" src="resources/images/gw2dyes/red/Flush.jpg " />
            <img id="pink tint" class="uncommon" src="resources/images/gw2dyes/red/Pink Tint.jpg " />
            <img id="rose breeze" class="common" src="resources/images/gw2dyes/red/Rose Breeze.jpg " />
            <img id="abyss" class="common" src="resources/images/gw2dyes/red/Abyss.jpg " />
            <img id="pink" class="uncommon" src="resources/images/gw2dyes/red/Pink.jpg " />
            <img id="sunrise breeze" class="uncommon" src="resources/images/gw2dyes/red/Sunrise Breeze.jpg " />
            <img id="primrose" class="rare" src="resources/images/gw2dyes/red/Primrose.jpg " />
            <img id="rose ice" class="common" src="resources/images/gw2dyes/red/Rose Ice.jpg " />
            <img id="pastel rose" class="common" src="resources/images/gw2dyes/red/Pastel Rose.jpg " />
            <img id="pastel peach" class="uncommon" src="resources/images/gw2dyes/red/Pastel Peach.jpg " />
            <img id="pink ice" class="common" src="resources/images/gw2dyes/red/Pink Ice.jpg " />
            <img id="strawberry breeze" class="common" src="resources/images/gw2dyes/red/Strawberry Breeze.jpg " />
            <img id="pastel pink" class="common" src="resources/images/gw2dyes/red/Pastel Pink.jpg " />
        </div>
        <!--===================================-->

        <!---------------- Orange  -------------->
        <div id="orangediv">
            <img id="brick" class="common" src="resources/images/gw2dyes/orange/Brick.jpg " />
            <img id="cinnamon" class="uncommon" src="resources/images/gw2dyes/orange/Cinnamon.jpg " />
            <img id="mahogany" class="common" src="resources/images/gw2dyes/orange/Mahogany.jpg " />
            <img id="autumn" class="starter" src="resources/images/gw2dyes/orange/Autumn.jpg " />
            <img id="rust" class="common" src="resources/images/gw2dyes/orange/Rust.jpg " />
            <img id="adobe" class="common" src="resources/images/gw2dyes/orange/Adobe.jpg " />
            <img id="sunset" class="common" src="resources/images/gw2dyes/orange/Sunset.jpg " />
            <img id="hazel" class="uncommon" src="resources/images/gw2dyes/orange/Hazel.jpg " />
            <img id="sienna" class="common" src="resources/images/gw2dyes/orange/Sienna.jpg " />
            <img id="copper" class="uncommon" src="resources/images/gw2dyes/orange/Copper.jpg " />
            <img id="salmon" class="starter" src="resources/images/gw2dyes/orange/Salmon.jpg " />
            <img id="grapefruit" class="uncommon" src="resources/images/gw2dyes/orange/Grapefruit.jpg " />
            <img id="terracotta" class="uncommon" src="resources/images/gw2dyes/orange/Terracotta.jpg " />
            <img id="pumpkin pie" class="uncommon" src="resources/images/gw2dyes/orange/Pumpkin Pie.jpg " />
            <img id="papaya" class="common" src="resources/images/gw2dyes/orange/Papaya.jpg " />
            <img id="old penny" class="common" src="resources/images/gw2dyes/orange/Old Penny.jpg " />
            <img id="orange" class="uncommon" src="resources/images/gw2dyes/orange/Orange.jpg " />
            <img id="pumpkin" class="rare" src="resources/images/gw2dyes/orange/Pumpkin.jpg " />
            <img id="apricot" class="starter" src="resources/images/gw2dyes/orange/Apricot.jpg " />
            <img id="sherbert" class="uncommon" src="resources/images/gw2dyes/orange/Sherbert.jpg " />
            <img id="bold" class="uncommon" src="resources/images/gw2dyes/orange/Bold.jpg " />
            <img id="blush" class="common" src="resources/images/gw2dyes/orange/Blush.jpg " />
            <img id="orangespring" class="common" src="resources/images/gw2dyes/orange/Orangespring.jpg " />
            <img id="melon" class="common" src="resources/images/gw2dyes/orange/Melon.jpg " />
            <img id="peach sunset" class="common" src="resources/images/gw2dyes/orange/Peach Sunset.jpg " />
            <img id="honeybutter" class="common" src="resources/images/gw2dyes/orange/Honeybutter.jpg " />
            <img id="cantaloupe" class="common" src="resources/images/gw2dyes/orange/Cantaloupe.jpg " />
            <img id="creamsicle" class="rare" src="resources/images/gw2dyes/orange/Creamsicle.jpg " />
            <img id="shy peach" class="common" src="resources/images/gw2dyes/orange/Shy Peach.jpg " />
            <img id="copper penny" class="uncommon" src="resources/images/gw2dyes/orange/Copper Penny.jpg " />
            <img id="peach" class="common" src="resources/images/gw2dyes/orange/Peach.jpg " />
            <img id="strawberry cream" class="common" src="resources/images/gw2dyes/orange/Strawberry Cream.jpg " />
            <img id="citrus" class="common" src="resources/images/gw2dyes/orange/Citrus.jpg " />
            <img id="orange frost" class="common" src="resources/images/gw2dyes/orange/Orange Frost.jpg " />
            <img id="citrus breeze" class="common" src="resources/images/gw2dyes/orange/Citrus Breeze.jpg " />
            <img id="buttercream" class="common" src="resources/images/gw2dyes/orange/Buttercream.jpg " />
            <img id="peach ice" class="common" src="resources/images/gw2dyes/orange/Peach Ice.jpg " />
            <img id="pastel citrus" class="uncommon" src="resources/images/gw2dyes/orange/Pastel Citrus.jpg " />
        </div>
        <!--===================================-->


        <!---------------- Yellow  -------------->
        <div id="yellowdiv">
            <img id="tarnish" class="uncommon" src="resources/images/gw2dyes/yellow/Tarnish.jpg " />
            <img id="clove" class="common" src="resources/images/gw2dyes/yellow/Clove.jpg " />
            <img id="patina" class="common" src="resources/images/gw2dyes/yellow/Patina.jpg " />
            <img id="caramel" class="common" src="resources/images/gw2dyes/yellow/Caramel.jpg " />
            <img id="amber" class="rare" src="resources/images/gw2dyes/yellow/Amber.jpg " />
            <img id="butterscotch" class="common" src="resources/images/gw2dyes/yellow/Butterscotch.jpg " />
            <img id="tangerine" class="common" src="resources/images/gw2dyes/yellow/Tangerine.jpg " />
            <img id="peanut butter" class="common" src="resources/images/gw2dyes/yellow/Peanut Butter.jpg " />
            <img id="brass" class="common" src="resources/images/gw2dyes/yellow/Brass.jpg " />
            <img id="harvest gold" class="uncommon" src="resources/images/gw2dyes/yellow/Harvest Gold.jpg " />
            <img id="dijon" class="starter" src="resources/images/gw2dyes/yellow/Dijon.jpg " />
            <img id="honey" class="uncommon" src="resources/images/gw2dyes/yellow/Honey.jpg " />
            <img id="squash" class="common" src="resources/images/gw2dyes/yellow/Squash.jpg " />
            <img id="lemon" class="common" src="resources/images/gw2dyes/yellow/Lemon.jpg " />
            <img id="gold" class="uncommon" src="resources/images/gw2dyes/yellow/Gold.jpg " />
            <img id="daffodil" class="common" src="resources/images/gw2dyes/yellow/Daffodil.jpg " />
            <img id="sand" class="rare" src="resources/images/gw2dyes/yellow/Sand.jpg " />
            <img id="chartreuse" class="uncommon" src="resources/images/gw2dyes/yellow/Chartreuse.jpg " />
            <img id="butter" class="common" src="resources/images/gw2dyes/yellow/Butter.jpg " />
            <img id="tang" class="common" src="resources/images/gw2dyes/yellow/Tang.jpg " />
            <img id="antique gold" class="starter" src="resources/images/gw2dyes/yellow/Antique Gold.jpg " />
            <img id="lemon tint" class="rare" src="resources/images/gw2dyes/yellow/Lemon Tint.jpg " />
            <img id="lemon zest" class="uncommon" src="resources/images/gw2dyes/yellow/Lemon Zest.jpg " />
            <img id="banana" class="common" src="resources/images/gw2dyes/yellow/Banana.jpg " />
            <img id="cornsilk" class="common" src="resources/images/gw2dyes/yellow/Cornsilk.jpg " />
            <img id="honeysuckle" class="common" src="resources/images/gw2dyes/yellow/Honeysuckle.jpg " />
            <img id="white gold" class="rare" src="resources/images/gw2dyes/yellow/White Gold.jpg " />
            <img id="nectar" class="uncommon" src="resources/images/gw2dyes/yellow/Nectar.jpg " />
            <img id="pastel honey" class="common" src="resources/images/gw2dyes/yellow/Pastel Honey.jpg " />
            <img id="honey ice" class="uncommon" src="resources/images/gw2dyes/yellow/Honey Ice.jpg " />
            <img id="citrus ice" class="common" src="resources/images/gw2dyes/yellow/Citrus Ice.jpg " />
            <img id="pastel spring" class="common" src="resources/images/gw2dyes/yellow/Pastel Spring.jpg " />
            <img id="spring ice" class="common" src="resources/images/gw2dyes/yellow/Spring Ice.jpg " />
            <img id="lemon ice" class="common" src="resources/images/gw2dyes/yellow/Lemon Ice.jpg " />
            <img id="pastel lemon" class="common" src="resources/images/gw2dyes/yellow/Pastel Lemon.jpg " />
        </div>
        <!--===================================-->


        <!---------------- Green  --------------->
        <div id="greendiv">
            <img id="midnight green" class="uncommon" src="resources/images/gw2dyes/green/Midnight Green.jpg " />
            <img id="emerald" class="rare" src="resources/images/gw2dyes/green/Emerald.jpg " />
            <img id="midnight yew" class="uncommon" src="resources/images/gw2dyes/green/Midnight Yew.jpg " />
            <img id="midnight olive" class="common" src="resources/images/gw2dyes/green/Midnight Olive.jpg " />
            <img id="summer grass" class="uncommon" src="resources/images/gw2dyes/green/Summer Grass.jpg " />
            <img id="marine" class="common" src="resources/images/gw2dyes/green/Marine.jpg " />
            <img id="evergreen" class="uncommon" src="resources/images/gw2dyes/green/Evergreen.jpg " />
            <img id="evening grass" class="rare" src="resources/images/gw2dyes/green/Evening Grass.jpg " />
            <img id="pine" class="uncommon" src="resources/images/gw2dyes/green/Pine.jpg " />
            <img id="dark olive" class="common" src="resources/images/gw2dyes/green/Dark Olive.jpg " />
            <img id="jalapeno" class="starter" src="resources/images/gw2dyes/green/Jalapeno.jpg " />
            <img id="kelly" class="uncommon" src="resources/images/gw2dyes/green/Kelly.jpg " />
            <img id="viridian" class="uncommon" src="resources/images/gw2dyes/green/Viridian.jpg " />
            <img id="tea shade" class="uncommon" src="resources/images/gw2dyes/green/Tea Shade.jpg " />
            <img id="spearmint" class="rare" src="resources/images/gw2dyes/green/Spearmint.jpg " />
            <img id="olive shade" class="common" src="resources/images/gw2dyes/green/Olive Shade.jpg " />
            <img id="cucumber" class="common" src="resources/images/gw2dyes/green/Cucumber.jpg " />
            <img id="leprechaun" class="common" src="resources/images/gw2dyes/green/Leprechaun.jpg " />
            <img id="olive" class="common" src="resources/images/gw2dyes/green/Olive.jpg " />
            <img id="shale" class="common" src="resources/images/gw2dyes/green/Shale.jpg " />
            <img id="grass" class="uncommon" src="resources/images/gw2dyes/green/Grass.jpg " />
            <img id="green shade" class="common" src="resources/images/gw2dyes/green/Green Shade.jpg " />
            <img id="bronze" class="common" src="resources/images/gw2dyes/green/Bronze.jpg " />
            <img id="envy" class="uncommon" src="resources/images/gw2dyes/green/Envy.jpg " />
            <img id="sage" class="rare" src="resources/images/gw2dyes/green/Sage.jpg " />
            <img id="antique olive" class="common" src="resources/images/gw2dyes/green/Antique Olive.jpg " />
            <img id="limette" class="starter" src="resources/images/gw2dyes/green/Limette.jpg " />
            <img id="grape leaf" class="common" src="resources/images/gw2dyes/green/Grape Leaf.jpg " />
            <img id="green" class="common" src="resources/images/gw2dyes/green/Green.jpg " />
            <img id="moss" class="common" src="resources/images/gw2dyes/green/Moss.jpg " />
            <img id="sour apple" class="uncommon" src="resources/images/gw2dyes/green/Sour Apple.jpg " />
            <img id="crisp mint" class="rare" src="resources/images/gw2dyes/green/Crisp Mint.jpg " />
            <img id="fern" class="uncommon" src="resources/images/gw2dyes/green/Fern.jpg " />
            <img id="spring grass" class="rare" src="resources/images/gw2dyes/green/Spring Grass.jpg " />
            <img id="avocado" class="uncommon" src="resources/images/gw2dyes/green/Avocado.jpg " />
            <img id="olive oil" class="uncommon" src="resources/images/gw2dyes/green/Olive Oil.jpg " />
            <img id="wasabi" class="common" src="resources/images/gw2dyes/green/Wasabi.jpg " />
            <img id="sprig" class="uncommon" src="resources/images/gw2dyes/green/Sprig.jpg " />
            <img id="green apple" class="rare" src="resources/images/gw2dyes/green/Green Apple.jpg " />
            <img id="spring leaf" class="common" src="resources/images/gw2dyes/green/Spring Leaf.jpg " />
            <img id="fresh green" class="common" src="resources/images/gw2dyes/green/Fresh Green.jpg " />
            <img id="sour" class="common" src="resources/images/gw2dyes/green/Sour.jpg " />
            <img id="spring moss" class="common" src="resources/images/gw2dyes/green/Spring Moss.jpg " />
            <img id="key lime" class="common" src="resources/images/gw2dyes/green/Key Lime.jpg " />
            <img id="olive yew" class="common" src="resources/images/gw2dyes/green/Olive Yew.jpg " />
            <img id="mist" class="common" src="resources/images/gw2dyes/green/Mist.jpg " />
            <img id="celery" class="uncommon" src="resources/images/gw2dyes/green/Celery.jpg " />
            <img id="sprout" class="common" src="resources/images/gw2dyes/green/Sprout.jpg " />
            <img id="mintay" class="common" src="resources/images/gw2dyes/green/Mintay.jpg " />
            <img id="zest" class="uncommon" src="resources/images/gw2dyes/green/Zest.jpg " />
            <img id="morning sea" class="common" src="resources/images/gw2dyes/green/Morning Sea.jpg " />
            <img id="aqua tint" class="uncommon" src="resources/images/gw2dyes/green/Aqua Tint.jpg " />
            <img id="green tint" class="common" src="resources/images/gw2dyes/green/Green Tint.jpg " />
            <img id="mint" class="uncommon" src="resources/images/gw2dyes/green/Mint.jpg " />
            <img id="stem" class="common" src="resources/images/gw2dyes/green/Stem.jpg " />
            <img id="lime breeze" class="common" src="resources/images/gw2dyes/green/Lime Breeze.jpg " />
            <img id="spring" class="rare" src="resources/images/gw2dyes/green/Spring.jpg " />
            <img id="olive tint" class="common" src="resources/images/gw2dyes/green/Olive Tint.jpg " />
            <img id="spring breeze" class="common" src="resources/images/gw2dyes/green/Spring Breeze.jpg " />
            <img id="mint frost" class="rare" src="resources/images/gw2dyes/green/Mint Frost.jpg " />
            <img id="mint breeze" class="common" src="resources/images/gw2dyes/green/Mint Breeze.jpg " />
            <img id="quickstalk" class="uncommon" src="resources/images/gw2dyes/green/Quickstalk.jpg " />
            <img id="freshen" class="common" src="resources/images/gw2dyes/green/Freshen.jpg " />
            <img id="pastel mint" class="common" src="resources/images/gw2dyes/green/Pastel Mint.jpg " />
            <img id="lime ice" class="common" src="resources/images/gw2dyes/green/Lime Ice.jpg " />
            <img id="pastel olive" class="common" src="resources/images/gw2dyes/green/Pastel Olive.jpg " />
            <img id="pastel lime" class="uncommon" src="resources/images/gw2dyes/green/Pastel Lime.jpg " />
            <img id="olive ice" class="common" src="resources/images/gw2dyes/green/Olive Ice.jpg " />
        </div>
        <!--===================================-->
        <!--------------------------------------->


        <!---------------- Blue  ---------------->
        <div id="bluediv">
            <img id="midnight ice" class="rare" src="resources/images/gw2dyes/blue/Midnight Ice.jpg " />
            <img id="midnight blue" class="rare" src="resources/images/gw2dyes/blue/Midnight Blue.jpg " />
            <img id="midnight sky" class="rare" src="resources/images/gw2dyes/blue/Midnight Sky.jpg " />
            <img id="sapphire" class="rare" src="resources/images/gw2dyes/blue/Sapphire.jpg " />
            <img id="spruce" class="common" src="resources/images/gw2dyes/blue/Spruce.jpg " />
            <img id="ocean" class="uncommon" src="resources/images/gw2dyes/blue/Ocean.jpg " />
            <img id="regal" class="rare" src="resources/images/gw2dyes/blue/Regal.jpg " />
            <img id="deep teal" class="common" src="resources/images/gw2dyes/blue/Deep Teal.jpg " />
            <img id="blue shade" class="common" src="resources/images/gw2dyes/blue/Blue Shade.jpg " />
            <img id="sea green" class="common" src="resources/images/gw2dyes/blue/Sea Green.jpg " />
            <img id="afternoon" class="uncommon" src="resources/images/gw2dyes/blue/Afternoon.jpg " />
            <img id="blue rose" class="uncommon" src="resources/images/gw2dyes/blue/Blue Rose.jpg " />
            <img id="old jeans" class="rare" src="resources/images/gw2dyes/blue/Old Jeans.jpg " />
            <img id="teal" class="uncommon" src="resources/images/gw2dyes/blue/Teal.jpg " />
            <img id="nightsong" class="uncommon" src="resources/images/gw2dyes/blue/Nightsong.jpg " />
            <img id="dusty grape" class="uncommon" src="resources/images/gw2dyes/blue/Dusty Grape.jpg " />
            <img id="chalkboard" class="uncommon" src="resources/images/gw2dyes/blue/Chalkboard.jpg " />
            <img id="blueberry" class="uncommon" src="resources/images/gw2dyes/blue/Blueberry.jpg " />
            <img id="country teal" class="common" src="resources/images/gw2dyes/blue/Country Teal.jpg " />
            <img id="tea jeans" class="starter" src="resources/images/gw2dyes/blue/Tea Jeans.jpg " />
            <img id="gunmetal" class="uncommon" src="resources/images/gw2dyes/blue/Gunmetal.jpg " />
            <img id="hydrangea" class="common" src="resources/images/gw2dyes/blue/Hydrangea.jpg " />
            <img id="turquoise" class="rare" src="resources/images/gw2dyes/blue/Turquoise.jpg " />
            <img id="country blue" class="rare" src="resources/images/gw2dyes/blue/Country Blue.jpg " />
            <img id="blue sky" class="rare" src="resources/images/gw2dyes/blue/Blue Sky.jpg " />
            <img id="shy blue" class="common" src="resources/images/gw2dyes/blue/Shy Blue.jpg " />
            <img id="robin" class="uncommon" src="resources/images/gw2dyes/blue/Robin.jpg " />
            <img id="summer sky" class="common" src="resources/images/gw2dyes/blue/Summer Sky.jpg " />
            <img id="eucalyptus" class="uncommon" src="resources/images/gw2dyes/blue/Eucalyptus.jpg " />
            <img id="spring tide" class="common" src="resources/images/gw2dyes/blue/Spring Tide.jpg " />
            <img id="denim" class="uncommon" src="resources/images/gw2dyes/blue/Denim.jpg " />
            <img id="river" class="common" src="resources/images/gw2dyes/blue/River.jpg " />
            <img id="midday" class="common" src="resources/images/gw2dyes/blue/Midday.jpg " />
            <img id="stream" class="starter" src="resources/images/gw2dyes/blue/Stream.jpg " />
            <img id="hush" class="uncommon" src="resources/images/gw2dyes/blue/Hush.jpg " />
            <img id="cobalt" class="rare" src="resources/images/gw2dyes/blue/Cobalt.jpg " />
            <img id="frosted sea" class="common" src="resources/images/gw2dyes/blue/Frosted Sea.jpg " />
            <img id="breeze" class="common" src="resources/images/gw2dyes/blue/Breeze.jpg " />
            <img id="winter sky" class="starter" src="resources/images/gw2dyes/blue/Winter Sky.jpg " />
            <img id="seafoam" class="common" src="resources/images/gw2dyes/blue/Seafoam.jpg " />
            <img id="autumn sky" class="rare" src="resources/images/gw2dyes/blue/Autumn Sky.jpg " />
            <img id="night air" class="uncommon" src="resources/images/gw2dyes/blue/Night Air.jpg " />
            <img id="sky" class="rare" src="resources/images/gw2dyes/blue/Sky.jpg " />
            <img id="spring dew" class="common" src="resources/images/gw2dyes/blue/Spring Dew.jpg " />
            <img id="blue tint" class="uncommon" src="resources/images/gw2dyes/blue/Blue Tint.jpg " />
            <img id="dewdrop" class="uncommon" src="resources/images/gw2dyes/blue/Dewdrop.jpg " />
            <img id="winter frost" class="common" src="resources/images/gw2dyes/blue/Winter Frost.jpg " />
            <img id="brook" class="uncommon" src="resources/images/gw2dyes/blue/Brook.jpg " />
            <img id="dapple" class="rare" src="resources/images/gw2dyes/blue/Dapple.jpg " />
            <img id="frost breeze" class="common" src="resources/images/gw2dyes/blue/Frost Breeze.jpg " />
            <img id="winter breeze" class="common" src="resources/images/gw2dyes/blue/Winter Breeze.jpg " />
            <img id="sea frost" class="uncommon" src="resources/images/gw2dyes/blue/Sea Frost.jpg " />
            <img id="sea breeze" class="common" src="resources/images/gw2dyes/blue/Sea Breeze.jpg " />
            <img id="pastel blue" class="uncommon" src="resources/images/gw2dyes/blue/Pastel Blue.jpg " />
            <img id="pastel winter" class="uncommon" src="resources/images/gw2dyes/blue/Pastel Winter.jpg " />
            <img id="winter ice" class="common" src="resources/images/gw2dyes/blue/Winter Ice.jpg " />
            <img id="slue ice" class="common" src="resources/images/gw2dyes/blue/Slue Ice.jpg " />
            <img id="pastel sea" class="common" src="resources/images/gw2dyes/blue/Pastel Sea.jpg " />
            <img id="sea ice" class="common" src="resources/images/gw2dyes/blue/Sea Ice.jpg " />
        </div>
        <!--===================================-->


        <!---------------- Purple  -------------->
        <div id="purplediv">
            <img id="wine" class="rare" src="resources/images/gw2dyes/purple/Wine.jpg " />
            <img id="midnight violet" class="rare" src="resources/images/gw2dyes/purple/Midnight Violet.jpg " />
            <img id="midnight fuchsia" class="uncommon" src="resources/images/gw2dyes/purple/Midnight Fuchsia.jpg " />
            <img id="royal purple" class="uncommon" src="resources/images/gw2dyes/purple/Royal Purple.jpg " />
            <img id="midnight purple" class="rare" src="resources/images/gw2dyes/purple/Midnight Purple.jpg " />
            <img id="indigo" class="rare" src="resources/images/gw2dyes/purple/Indigo.jpg " />
            <img id="grape" class="common" src="resources/images/gw2dyes/purple/Grape.jpg " />
            <img id="orchid" class="starter" src="resources/images/gw2dyes/purple/Orchid.jpg " />
            <img id="iris" class="rare" src="resources/images/gw2dyes/purple/Iris.jpg " />
            <img id="grape shade" class="uncommon" src="resources/images/gw2dyes/purple/Grape Shade.jpg " />
            <img id="night iris" class="rare" src="resources/images/gw2dyes/purple/Night Iris.jpg " />
            <img id="rich grape" class="uncommon" src="resources/images/gw2dyes/purple/Rich Grape.jpg " />
            <img id="purple" class="uncommon" src="resources/images/gw2dyes/purple/Purple.jpg " />
            <img id="grapevine" class="common" src="resources/images/gw2dyes/purple/Grapevine.jpg " />
            <img id="evening" class="uncommon" src="resources/images/gw2dyes/purple/Evening.jpg " />
            <img id="brandywine" class="rare" src="resources/images/gw2dyes/purple/Brandywine.jpg " />
            <img id="violet" class="common" src="resources/images/gw2dyes/purple/Violet.jpg " />
            <img id="grape gum" class="common" src="resources/images/gw2dyes/purple/Grape Gum.jpg " />
            <img id="dusk" class="uncommon" src="resources/images/gw2dyes/purple/Dusk.jpg " />
            <img id="glory" class="starter" src="resources/images/gw2dyes/purple/Glory.jpg " />
            <img id="tungsten" class="uncommon" src="resources/images/gw2dyes/purple/Tungsten.jpg " />
            <img id="lavender" class="common" src="resources/images/gw2dyes/purple/Lavender.jpg " />
            <img id="blurple" class="common" src="resources/images/gw2dyes/purple/Blurple.jpg " />
            <img id="grapesicle" class="common" src="resources/images/gw2dyes/purple/Grapesicle.jpg " />
            <img id="iris blush" class="uncommon" src="resources/images/gw2dyes/purple/Iris Blush.jpg " />
            <img id="morning glory" class="common" src="resources/images/gw2dyes/purple/Morning Glory.jpg " />
            <img id="shy iris" class="rare" src="resources/images/gw2dyes/purple/Shy Iris.jpg " />
            <img id="periwinkle" class="common" src="resources/images/gw2dyes/purple/Periwinkle.jpg " />
            <img id="taro" class="rare" src="resources/images/gw2dyes/purple/Taro.jpg " />
            <img id="veronica" class="common" src="resources/images/gw2dyes/purple/Veronica.jpg " />
            <img id="phlox" class="common" src="resources/images/gw2dyes/purple/Phlox.jpg " />
            <img id="summer thistle" class="common" src="resources/images/gw2dyes/purple/Summer Thistle.jpg " />
            <img id="plum" class="rare" src="resources/images/gw2dyes/purple/Plum.jpg " />
            <img id="mountain sky" class="common" src="resources/images/gw2dyes/purple/Mountain Sky.jpg " />
            <img id="shy violet" class="common" src="resources/images/gw2dyes/purple/Shy Violet.jpg " />
            <img id="lilac" class="uncommon" src="resources/images/gw2dyes/purple/Lilac.jpg " />
            <img id="shylac" class="common" src="resources/images/gw2dyes/purple/Shylac.jpg " />
            <img id="thistle" class="uncommon" src="resources/images/gw2dyes/purple/Thistle.jpg " />
            <img id="heliotrope" class="common" src="resources/images/gw2dyes/purple/Heliotrope.jpg " />
            <img id="purple tint" class="common" src="resources/images/gw2dyes/purple/Purple Tint.jpg " />
            <img id="violet tint" class="uncommon" src="resources/images/gw2dyes/purple/Violet Tint.jpg " />
            <img id="scenic" class="common" src="resources/images/gw2dyes/purple/Scenic.jpg " />
            <img id="whisper" class="uncommon" src="resources/images/gw2dyes/purple/Whisper.jpg " />
            <img id="shy lilac" class="common" src="resources/images/gw2dyes/purple/Shy Lilac.jpg " />
            <img id="violet breeze" class="uncommon" src="resources/images/gw2dyes/purple/Violet Breeze.jpg " />
            <img id="purple breeze" class="rare" src="resources/images/gw2dyes/purple/Purple Breeze.jpg " />
            <img id="wine breeze" class="uncommon" src="resources/images/gw2dyes/purple/Wine Breeze.jpg " />
            <img id="pastel purple" class="common" src="resources/images/gw2dyes/purple/Pastel Purple.jpg " />
            <img id="pastel violet" class="common" src="resources/images/gw2dyes/purple/Pastel Violet.jpg " />
            <img id="pastel wine" class="uncommon" src="resources/images/gw2dyes/purple/Pastel Wine.jpg " />
            <img id="violet ice" class="common" src="resources/images/gw2dyes/purple/Violet Ice.jpg " />
            <img id="purple ice" class="uncommon" src="resources/images/gw2dyes/purple/Purple Ice.jpg " />
            <img id="wine ice" class="rare" src="resources/images/gw2dyes/purple/Wine Ice.jpg " />
        </div>
        <!--===================================-->

        <!----------------------------------------------------------->
    </body>
</html>
